@charset "utf-8";

/* index */
@media (max-width: 960px) {
    .product {
        padding: 1.5rem 0 0;
    }
    .ads-one {
        height: auto;
    }

    .ads-one .content {
        padding: 0;
        flex-direction: column;
    }

    .ads-one .left-bg {
        display: none;
    }

    .ads-one .right-bg {
        display: none;
    }

    .ads-one .left-text {
        background-color: #353535;
        box-sizing: border-box;
        width: 100%;
        min-width: 360px;
        height: 90px;
        padding: 1rem;
    }

    .ads-one .left-text h3 {
        font-size: 1rem;
    }

    .ads-one .left-text p {
        font-size: 0.8rem;
    }

    .ads-one .right-text {
        width: 100%;
        min-width: 360px;
        height: 90px;
        background-color: #173976;
        padding: 1rem;
        box-sizing: border-box;
    }

    .ads-one .right-text .tel-info h3 {
        font-size: 2rem;
    }

    .information {
        padding: 1rem 0 1rem;
    }
    .information .article{
        width: 100%;
    }
    .information .content {
        flex-direction: column;
    }

    .information .content .left {
        width: 100%;
        min-width: 360px;
    }

    .information .content .left .header {
        padding-right: 1rem;
    }

    .information .content .left .top {
        flex-direction: column;
        height: auto;
        padding-right: 1rem;
    }

    .information .content .left .top img {
        width: 100%;
        margin-right: 0;
    }

    .information .content .left .top .article {
        margin-top: 1rem;
    }

    .information .content .left .top .list {
        margin-top: 2rem;
    }

    .information .content .right {
        width: 100%;
        min-width: 360px;
    }

    .information .content .right .header {
        padding-right: 1rem;
    }

    .information .content .right .list {
        padding-right: 1rem;
    }

    .ads-two .left-text {
        height: auto;
    }

    .ads-two .left-text h3 {
        font-size: 1rem;
    }
    /* about */
    .about {
        padding: 2rem 0 0;
    }

    .about .about-intro {
        padding-left: 0;
    }
    .about .about-title{
        margin-bottom: 20px;
    }
    .about .about-intro p {
        width: 100%;
        margin-bottom: 2rem;
    }

    .about .data-info {
        width: 100%;
        height: 7rem;
        margin-bottom: 2rem;
    }


    .about .data-info li {
        margin-left: 1rem;
    }

    .about .data-info li h3 {
        font-size: 22px;
    }

    .about .data-info li p {
        font-size: 12px;
    }
    .about .data-info img {
        display: none;
    }
}
/* inner */
@media (max-width: 960px) {

    /* product-list */
    .product-list {
        width: 100%;
        justify-content: space-between;
    }

    .product-list .item {
        /* width: 10.3rem; */
        width: 47%;
        /* height: 9rem; */
        margin-bottom: 1.8rem;
        margin-right: 0;
    }

    .product-list .product-pic img {
        /* height: 7rem; */
        height: auto !important;
    }

    .product-intro>h3 {
        display: block;
        font-size: 13px;
        height: 2.5rem;
        line-height: 2.5rem;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }

    .product-list .item:hover .product-intro>h3 {
        display: block;
        background: #265EBF;
        color: #fff;
    }

    .product-list .item:hover .active {
        display: none;
    }

    /* product-list end */

    .left-menu {
        display: none;
    }

    .location-bg {
        padding: 0;
    }

    .about-section-1 .content {
        padding: 44px 20px;
        margin-bottom: 0px;
    }

    .content {
        width: 100%;
        /* min-width: 360px; */
        padding: 1rem !important;
        box-sizing: border-box;
    }

    /* header */
    .header {
        height: 4rem;
        position: relative;
    }

    .header .header-content {
        width: 100%;
        height: 100%;
        min-width: 360px;
    }

    .header .header-content .logo {
        width: 8rem;
        height: auto;
        margin-left: 5%;
    }

    .header .header-content .more {
        display: block;
        width: 2rem;
        margin-right: 5%;
    }

    .header .header-content .display-none {
        display: none;
    }

    .header .header-content .list {
        position: absolute;
        top: 4rem;
        background-color: #fff;
        flex-direction: column;
        width: 100%;
        z-index: 100;
    }

    .header .header-content .list li {
        width: 100%;
        border-bottom: 1px solid #F9F9F9;
    }

    .header .header-content .list li a {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 0;
        height: 3.5rem;
        width: 100%;
    }

    .header .header-content .list li a:last-child {
        border-bottom: none;
    }

    .header .header-content .list .active {
        border-bottom: 1px solid #F9F9F9;
    }

    /* footer */
    .footer .content {
        width: 100%;
        min-width: 360px;
        flex-direction: column;
        padding: 2rem;
        box-sizing: border-box;
    }

    .footer .footer-contact {
        margin-right: 0;
    }

    .footer .footer-contact li {
        margin-bottom: 1rem;
    }

    .footer .footer-contact li span {
        margin-bottom: 0.5rem;
    }

    .footer .footer-contact li p {
        white-space: break-spaces;
    }

    .footer .footer-link ul {
/*        flex-direction: column;*/
        justify-content:space-around;
    }

    .footer .footer-link ul li {
        margin-right: 0;
    }

    .footer .footer-link ul span {
        margin-bottom: 0.5rem;
    }

    .footer .footer-link ul div {
        display: flex;
        justify-content: space-around;
    }

    .footer-code img {
        margin: 30px auto 0;
    }

    .footer .copyright {
        height: auto;
        line-height: 1.4rem;
        white-space: break-spaces;
        padding: 0.5rem;
        text-align:center;
    }

    /* tab */
    .tab-content-mobile {
        display: block;
        height: 3rem;
        position: relative;
        margin-bottom: -0.5rem;
    }

    .tab-content-mobile .content {
        width: 100%;
        transform: none;
        padding: 0 !important;
        overflow-x: scroll;
    }

    .tab-content-mobile ul {
        white-space: nowrap;
        height: 2.4rem;
        background: rgba(255, 255, 255, 0.9);
        color: #333;
        font-size: 14px;
    }

    .tab-content-mobile li {
        display: inline-block;
        cursor: pointer;
        width: auto;
        height: 2.4rem;
        line-height: 2.4rem;
        text-align: center;
    }

    .tab-content-mobile li a {
        display: block;
        padding: 0 1rem;
        color: #333;
    }

    .tab-content-mobile li a:hover {
        background: #173976;
        color: #fff;
    }

    .tab-content-mobile ul .active a {
        background: #173976;
        color: #fff;
    }

    .tab-content-mobile .bg-box {
        display: none;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 1rem;
        background-color: #F9F9F9;
    }

    .inner>.content {
        margin-bottom: 0;
    }

    .page-box {
        padding-bottom: 10px;
    }

    /* 产品列表 */
    .inner-product {
        background-color: #F9F9F9;
        padding: 1rem;
        box-sizing: border-box;
    }

    .inner-product .content {
        /* background-color: #fff; */
        flex-direction: column;
        width: 100%;
        box-sizing: border-box;
        padding: 0;
    }

    .inner-product .content-right {
        width: 100%;
    }

    /* .product-list-box {
        padding: 20px 0;
    } */

    .product-list-box .product-list .item {
        /* width: 10.3rem; */
        width: 47%;
        /* height: 9rem; */
        height: auto !important;
        margin-bottom: 1.8rem;
        margin-right: 0 !important;
    }

    .product-list .item .bg-img {
        width: 100%;
        height: auto !important;
        /* height: 7rem; */
    }

    .product-list-box .product-list .item:nth-child(3n),
    .product-list-box .product-list .item:nth-child(4n) {
        margin-right: 0 !important;
    }

    .inner-product .content .content-right .product-main {
        flex-direction: column;
    }

    .inner-product .product-main-pic {
        width: 100%;
        height: 16rem;
        box-sizing: border-box;
        background-color: #fff;
        margin-right: 0;
        overflow: hidden;
    }

    .inner-product .product-main-pic img {
        width: auto;
        height: 100%;
    }

    .inner-product .product-main-text {
        width: 100%;
        max-width: auto;
        box-sizing: border-box;
        margin-top: 1rem;
        margin-left: 0;
        margin-right: 0;
    }

    .inner-product .product-main-text .top {
        margin-bottom: 1rem;
    }

    .inner-product .product-main-text .top a {
        font-size: 28px;
        margin-bottom: 0.5rem;
    }

    .products-section-2 {
        padding-top: 0;
    }

    .products-section-1 .content .content-left {
        display: none;
    }

    /* 新闻 */
    .inner-news .content {
        padding: 1rem !important;
    }


    .news-list li>a {
        width: 100%;
        height: 7rem;
        margin-bottom: 1rem;
        background: #fff;
        display: flex;
        cursor: pointer;
    }

    .news-list .news-pic {
        /* background-color: #E9ECF2; */
        width: 6rem;
        /* height: 5rem; */
        height: auto;
        overflow: hidden;
        display: flex;
        justify-items: center;
        align-items: center;
        /*    margin-top: 1rem;*/
    }

    .news-list .news-intro {
        box-sizing: border-box;
        height: 150px;
        padding: 1rem;
        flex: 1;
    }

    .news-list .news-intro h4 {
        color: #666666;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 0.5rem;
    }

    .news-list .news-intro p {
        font-size: 14px;
        color: #999;
        line-height: 24px;
        max-height: 48px;
        word-break: break-all;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    /* 关于我们 */
    .inner-about .content {
        padding: 1.5rem 1.2rem;
    }

    .inner-about .title {
        font-size: 28px;
        margin-bottom: 1.5rem;
    }

    /* 联系我们 */
    .inner-contact .content {
        flex-direction: column;
        padding: 1rem;
        margin-bottom: 30px;
    }

    .contact-info .bg-text {
        top: -10px;
        font-size: 30px;
    }

    .contact-info .title {
        font-size: 22px;
        margin-bottom: 1rem;
    }

    .contact-infolist li {
        margin-bottom: 1rem;
    }

    .contact-infolist li span {
        font-size: 14px;
        margin-bottom: 0.5rem;
    }

    .contact-infolist li p {
        font-size: 15px;
    }

    .inner-contact .contact-form {
        width: 100%;
        margin-top: 1rem;
    }

    .inner-contact .contact-form .contact-input {
        padding: 0.5rem;
    }

    .inner-contact .contact-form .flex .contact-input {
        padding: 0.5rem;
        width: 48%;
    }

    .inner-contact .contact-form .flex .contact-input.label,
    .inner-contact .contact-form .flex .contact-inputinput,
    .inner-contact .contact-form .flex .contact-inputtextarea {
        font-size: 14px;
        width: 30px;
    }
}